/* LOGIN FORM */

body.login {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.231;
}

body h1 {
color: #7D7D7D;
font-size: 26px;
font-weight: normal;
}

.login #container {

   
}
.login #content
{

height: 100%;
}
.login .mesh
{
height: 60em;
margin:-10px auto -4.01em 12%;
padding: 30px;
min-height:100%;
width:720px;
background:transparent url('../img/image_mesh.png') repeat scroll 0 0;
}


.login #content-main {
    background: rgba(0,0,0,0.8);
    width: 49em;
    min-width: 300px;
    margin-left: 20px;
    margin-right: auto;
    margin-top: 30px;
    color: #fff;
    height: 26em;
    padding: 30px;
}
.login .login-left
{
background: rgba(0,0,0,0.3);
float:left;
min-height:260px;
padding:30px 25px;
position:relative;
width:240px;
}
.login .login-right
{

float:left;
min-height:260px;
padding:30px 25px;
position:relative;
width:240px;
}
.login .login-right h1
{
font-weight: bold;
font-size: 30px;
}
.login form {
    margin-top: 1em;
}

.login .form-row {
    padding: 4px 0;
    float: left;
    width: 100%;
}

.login .form-row label {
    float: left;
    width: 5em;
    padding-right: 0.5em;
    line-height: 2em;
    text-align: left;
    font-size: 1em;
    color: #fff;
}

.login .form-row #id_username, .login .form-row #id_password {
    width: 14em;
}
.login input
{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-radius: 15px;
}
.login span.help {
    font-size: 10px;
    display: block;
}

.login .submit-row {
    clear: both;
    padding: 1em 0 0 9.4em;
}

